<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="common_header(links)">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>蜀香斋</title>
<meta name="Keywords" content="网上购物,代理,分销,冷吃兔,冷吃牛肉,掌中宝,辣子鸡,蜀香斋">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="shortcut icon" th:href="@{/images/favicon.ico}">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_563680_8okqhd95yaatt9.css">
<link rel="stylesheet" th:href="@{/css/style.css}">

<th:block th:replace="${links}" />

</head>
<body>
<!-- 标题栏 -->
<header th:fragment="common_title" class="bar bar-nav" v-if="title">
	<!-- 有返回事件时候出现，back的class能自动做到history.back()-->
	<a class="icon icon-left pull-left back" v-if="needBack" @click="goback"></a>
	<h1 class="title">{{title}}</h1>
</header>

<!-- 管理后台标题栏 -->
<header th:fragment="common_admin_title" class="bar bar-nav">
	<a class="icon iconfont icon-tuichu pull-right button-dark" @click="logout"></a>
	<h1 class="title">{{title}}</h1>
</header>

<!-- 底部工具栏 -->
<nav th:fragment="common_bottom_nav" class="bar bar-tab">
    <a class="tab-item external" :href="nav.url" v-for="nav in navs" :class="nav.active">
        <span class="icon iconfont" :class="nav.icon"></span>
        <span class="tab-label">{{nav.title}}</span>
        <span class="badge" v-if="nav.badge > 0">{{nav.badge}}</span>
    </a>
</nav>

<div th:fragment="common_script">
	<script type='text/javascript' src="https://cdn.bootcss.com/json2/20160511/json2.min.js"></script>
	<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
	<script type='text/javascript' src="https://cdn.jsdelivr.net/npm/vue"></script>
	<script type='text/javascript' src="https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js"></script>
	<script type='text/javascript' th:src="@{/js/common.js}"></script>
</div>
</body>
</html>